/*
 * @CreateTime: Apr 12, 2019 11:17 AM
 * @Author: ForxJs
 * @Contact: https://gitee.com/ForxJs
 * @Last Modified By: ForxJs
 * @Last Modified Time: Apr 12, 2019 11:35 AM
 * @Description: 这里是基础的css 样式重置库
 */
//引入 normalize 使浏览器表现样式一致
@import "~normalize.css";
//混合样式
@import "_mixin";
// 重新规划整体样式

* {
  box-sizing: border-box;
}

ul,
li,
ol,
dl,
dd,
dt {
  list-style: none;
  padding: 0;
}
html {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  color: #333;
}
body,
#app {
  @extend %abs;
}

.pull-left {
  @include float;
}
.pull-right {
  @include float(right);
}
.clearfix {
  @extend %clearfix;
}

// 单独 样式
@for $i from 0 through 10 {
  $m: (
    m: margin,
    p: padding
  );
  $d: (
    l: left,
    t: top,
    r: right,
    b: bottom
  );
  $d: 4;

  @each $j, $jv in $m {
    .#{$j}-#{$i *$d} {
      #{$jv}: $i * $d * 1px;
    }
    @each $k, $kv in $d {
      .#{$j}#{$k}-#{$i*$d} {
        #{$jv}-#{$kv}: $i * $d * 1px;
      }
    }
  }
}
.m-auto {
  margin-left: auto;
  margin-right: auto;
}
.f-border {
  border: solid;
}
.text-center {
  text-align: center;
}
.circle {
  border-radius: 50%;
}
// .el-button {
//   &:focus {
//     box-shadow: 0 0 10px -3px;
//   }
// }
